.lmo-template_item_content {
  padding: 1.2vh;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  width: 22%;
  margin-left: 1.5vw;
  //margin-bottom: 80px;
  margin-top: 1vw;
  background: #ffffff;
  box-shadow: 1px 2px 12px 0 rgb(0 0 0 / 10%);
  border-radius: 4px;
  cursor: pointer;

  .lmo-template_item_content_card {
    position: relative;
    padding-bottom: 56.25%;
    background: #f5f5f5;

    .lmo-template_item_content_img_box {
      width: 100%;
      height: 100%;
      position: absolute;

      .lmo-template_item_content_img {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        overflow: hidden;

        img {
          height: 100%;
          border-radius: 4px;
          transition: all .2s;

          &:hover {
            transform: scale(1.5);
          }
        }
      }

      .lmo-template_item_content_title {
        width: 100%;
        height: 66px;
        position: absolute;
        background: #00000054;
        bottom: 0;
        color: #fff;

        .lmo-template_item_content_title_box {
          padding-left: 1vw;
          margin-top: .5vw;

          .lmo-template_item_title {
            font-size: 1vw;
          }
        }
      }
    }
  }
}